<template>
    <div>
        <a href="/">查看机构信息</a>
        <table class="table">
            <thead class="table">
                <tr>
                    <td>序号</td>
                    <td>姓名</td>
                    <td>手机号</td>
                    <td>账号</td>
                    <td>密码</td>
                    <td>所属角色</td>
                    <td>创建人</td>
                </tr>
            </thead>
            <tbody class="table">
                <tr v-for="s in data">
                    <td>{{s.mid}}</td>
                    <td>{{s.name}}</td>
                    <td>{{s.uphone.substring(0,3)+'****'+s.uphone.substring(7)}}</td>
                    <td>{{s.loginnum}}</td>
                    <td>****</td>
                    <td>{{s.role}}</td>
                    <td>{{s.createName}}</td>
                </tr>
            </tbody>
        </table>
    </div>
</template>

<script setup lang="ts">
import axios from 'axios';
import { ref,onMounted } from 'vue';

onMounted(() => {
    show();
})

const data=ref([{
    "mid": 0,
    "name": "",
    "uphone": "",
    "loginnum": "",
    "pwd": "",
    "role": "",
    "createName": ""
}])

const show=()=>{
    axios.get("https://localhost:7017/api/Login/GetManagers").then(res=>{
        data.value=res.data;
    })
}

</script>

<style scoped>

</style>